<script setup lang='ts'>
withDefaults(defineProps<{
  title: string
  actionText?: string
}>(), {
  actionText: '申请合作'
})
defineEmits<{
  (t: 'click'): void
}>()

</script>

<template>
  <ElCard shadow="hover" class="group h-28 text-center dark:bg-white dark:hover:bg-slate-500 hover:bg-slate-500 ">
    <h3 class="group-hover:text-white dark:text-black">{{ title }}</h3>
    <slot>
      <button @click="$emit('click')"
        class="mt-2 hidden group-hover:inline-block  bg-violet-500 hover:bg-violet-600 focus:outline-none focus:ring focus:ring-violet-300 active:bg-violet-700 px-5 py-2 text-sm leading-5 rounded-full font-semibold text-white  ">{{
          actionText }}</button>
    </slot>
  </ElCard>
</template>

<style lang='scss' scoped></style>
